Search results
32 packages found
Create a color palette report
APCA: the Accessible Perceptual Contrast Algorithm, a modern contrast method that improves readability contrast on self-illuminated displays. Developed for the W3C's WCAG 3 and other standards.
A lightweight tool that parses color strings and recommends text contrast based on WCAG Standards
Evaluate if a to colors have sufficient contrast to pass WCAG requirements.
- wcag
- color
- contrast
- luminance
- contrast-ratio
- accessibility
- a11y
- relative-luminance
- color-contrast
- text-legibility
Delta Phi Star is a general purpose method of determining perceptual lightness contrast developed by Andrew Somers (Myndex Research), and is a sibling of APCA and SACAM. It is a simplified method using easily invertible standardized maths, however it lack
WCAG 2.0 AA contrast checker for DOM elements
Evaluate if a to colors have sufficient contrast to pass WCAG requirements.
- wcag
- color
- contrast
- luminance
- contrast-ratio
- accessibility
- a11y
- relative-luminance
- color-contrast
- text-legibility
Calculate the color in an array of colors that gives the highest contrast to another color.
A selection of a11y helpful functions for working with HEX colors.
React higher-order component to automatically enforce color accessibility
<p align="center"> <img align="center" src="https://i.imgur.com/ijYtOhk.png" width="125" alt="icon"> </p> <br> <h2 align="center">Sketch Accessibility Assistant</h2> <p align="center"> <img src="https://i.imgur.com/OvLMEjK.png" width="500" alt="Access
- accessibility
- contrast
- color-contrast
- color-contrast-checker
- accessibility-checker
- a11y
- sketch assistant
- public
A React-based web accessibility widget to enhance UI/UX for all users. This powerful tool seamlessly integrates with React applications, offering a wide range of features like adjustable font sizes, text alignment options, dyslexia-friendly fonts, and col
- accessibility
- web-accessibility
- a11y
- React
- widget
- accessibilik
- Multilingual Support
- Adjust Font Size
- Align Text
- Dyslexia Font
- Font Weight
- Highlight Links
- Highlight Titles
- Letter Spacing
- View more
Lint your token schema for a11y errors. Can check your color + typography tokens for contrast, and more.
- cobalt
- design tokens
- design tokens community group
- design tokens format module
- design system
- dtcg
- w3c design tokens
- a11y
Calculate contrast ratio between two CSS color strings.
Provides extended functionality for generating new colors from existing colors and building color themes in Sass
JS color calculator for composing colors with consistent APCA contrast ratio
Detects user’s preferences for contrast using the 'prefers-contrast' CSS3 level 5 media query.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
The shared core and build system behind Magica11y
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
[](https://travis-ci.org/longmatthewh/ColorA11y) [](https://coveralls.io/git